.mine_container{
  background-color:#f5f5f5;
  padding: 40rpx;
  background: linear-gradient(to bottom, #f0fbfb,#fdfdfd);
}
.user-info{
  display:flex;
  align-items:center;
  margin-bottom:20rpx;
  position: relative;
  .user_info_right_image {
    width: 28rpx;
    height: 28rpx;
    position: absolute;
    right: 0;
  }
}
.avatar{
  width:140rpx;
  height:140rpx;
  border-radius:50%;
  margin-right:20rpx;
}
.user-info_right {
  .user-name, .user-address,.online-time {
    margin-top: 18rpx;
  }
}
.user-name{
  font-size:40rpx;
  font-weight:bold;
}
.user-address,.online-time{
  font-size:24rpx;
  color:#969897;
}
.function-blocks{
  display:flex;
  justify-content:space-between;
  margin-bottom:20rpx;
  box-sizing: border-box;
  padding: 20rpx 0rpx;

}
.block{
  padding:20rpx;
  border-radius:10rpx;
  width:42%;
  text-align:center;
  border-radius: 20rpx;
  .block_title {
    font-size: 40rpx;
    .icon,.block-text {
      vertical-align: middle;
    }
  }
  &:nth-child(1) {
    background-color: #e8f9e2;
  }
  &:nth-child(2) {
    background-color: #fdf1e9;
  }
  .sub-text{
    font-size: 24rpx;
    color:#50af8b;
  }
  .sub-text2 {
    font-size: 24rpx;
    color:#e69186;
  }
  
}
.icon{
  width:40rpx;
  height:40rpx;
  margin-bottom:10rpx;
}
.block-text{
  font-size:28rpx;
  margin-bottom:5rpx;
  margin-left: 20rpx;
}
.amount{
  font-size:60rpx;
  font-weight:bold;
  margin-bottom:5rpx;
   text {
     font-size: 30rpx;
   }
}

.list-items{
  background-color:#fff;
  border-radius: 20rpx;
  // box-shadow: 10rpx 10rpx  rgb(211, 208, 208);
}
.list-item{
  display:flex;
  align-items:center;
  padding: 0 40rpx ;
  height: 100rpx;
  border-bottom:1rpx solid #f6f6f6;
  color: #5a5a5a;
  position: relative;
}
.list-icon{
  width:40rpx;
  height:40rpx;
  margin-right:40rpx;
}
.list-text{
  font-size:28rpx;
}
.list-item-right {
  
  width: 28rpx;
  height: 28rpx;
  position: absolute;
  right: 30rpx;
}